<template>
 <!-- 头部部分 -->
    <header class="header">
      <h1>todos</h1>
       <input @keydown.enter="hAdd" v-model.trim="taskname" class="new-todo" placeholder="请输入任务名称-按回车确认" autofocus />
    </header>
</template>
<script>
export default {
 data() {
 return {
  taskname:''
 }
 },
 methods:{
   hAdd() {
      if (this.taskname === '') return alert('请输入任务名')
      this.$emit('addTask', this.taskname)
      this.taskname = ''
    }
 },
}
</script>
<style lang="less" scoped>

</style>
